{% include "header.html" %}
{% load placeholder %}
  <!-- Page Name -->
  <div id="page-name">
	  <div class="row">
	    <div class="twelve columns">
	      <h1>Dúvidas</h1>
	    </div>
	  </div>
  </div>
  
  
  <!-- Main Page Content and Sidebar -->

  <div class="row">

    <!-- Page Details -->
    <section class="eight columns">
      
      <ul class="accordion">
          {% for doubt in doubts %}
            <li>
              <div class="title">
                <h5>{{ doubt.title }}</h5>
              </div>
              <div class="content">
                <p>{{ doubt.content|safe }}</p>
              </div>
            </li>
          {% endfor %}
          </ul>

    </section>

    <!-- End Contact Details -->


    <!-- Sidebar -->
    
    <aside class="four columns">

	    <div class="side-box">
	      <h5>Não tirou sua dúvida?</h5>
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus velit eget</p>
	      <div class="row collapse">
	      	<form class="custom duvida" action="/contato/" method="post">
                  {% csrf_token %}
                  {{ form.nome|placeholder:"Nome" }}{{ form.nome.errors }}
                  {{ form.email|placeholder:"Email" }}
                  {{ form.mensagem }}
                  <button type="submit" class="small button right">Enviar</button>
	      	</form>
          </div>
	    </div>
    
    </aside>

    <!-- End Sidebar -->
  </div>

  <!-- End Main Content and Sidebar -->
{% include "footer.html" %}